0072. Web Streams
1. 🎯 本节内容
- Web Streams 章节速览
2. 🫧 评价
在工作中经常需要通过 Web Serial API、Web USB API、Web Bluetooth API 与底层嵌入式设备通信,这里面涉及到不少流操作,因此记录这篇笔记来梳理和 Web Streams 相关的内容。
笔记中记录的大部分内容主要来自 MDN 上的 Web Streams 相关文档。
3. 🔍 章节内容速查
| 笔记 | 简介 |
|---|---|
| 0073.Web Streams 核心概念 | Web Streams API 的核心概念,包括可读流、可写流、转换流的基本原理和使用方法,以及流式处理相较于传统数据处理方式的优势。 |
| 0125.ReadableStream | ReadableStream 相关的核心概念及一些常见的基本操作 |
| 0140.BYOB Reader 与零拷贝读取 | 暂无简介 |
| 0130.WritableStream 与 TransformStream | 暂无简介 |
| 0133.背压机制(Backpressure) | 暂无简介 |
| 0136.Stream 的队列策略详解 | 暂无简介 |
| 0135.字节流(Byte Streams)vs 普通流 | 暂无简介 |
| 0131.Stream 管道操作与组合模式 | 暂无简介 |
| 0132.Fetch API 与 Web Streams 集成 | 暂无简介 |
| 0134.Stream 的错误处理与取消机制 | 暂无简介 |
| 0138.Stream 性能优化与最佳实践 | 暂无简介 |
| 0137.Stream 的实战应用场景 | 暂无简介 |
| 0139.Stream 与其他 API 的集成 | 暂无简介 |
4. 🔍 学习路线
- 基础概念:先建立整体认知,再看 API 全貌
- Web Streams API 概览
- 核心 API:掌握三大核心 API,为后续机制和实战打基础
- ReadableStream
- WritableStream 与 TransformStream
- BYOB Reader 与零拷贝读取
- 核心机制:理解底层机制,先背压再队列再字节流,逻辑递进
- 背压机制(Backpressure)
- Stream 的队列策略详解
- 字节流(Byte Streams)vs 普通流
- 操作与集成:学会组合使用,处理常见场景
- Stream 管道操作与组合模式
- Fetch API 与 Web Streams 集成
- Stream 的错误处理与取消机制
- 实战与优化:最后是综合应用和优化技巧
- Stream 的实战应用场景
- Stream 性能优化与最佳实践
- Stream 与其他 API 的集成
5. 🤔 Web Streams 官方规范标准是?
https://streams.spec.whatwg.org/ 是 Web Streams API 的官方规范标准站点,由 WHATWG(Web 超文本应用技术工作小组)维护。
这个网站是定义了所有现代浏览器中使用的 ReadableStream、WritableStream 和 TransformStream 接口的权威文档。其核心内容包括两大块:
- 核心概念层面:清晰定义了数据块(chunk)、可读流、可写流、转换流、背压控制等核心概念
- API 实现细节层面:是所有流 API 方法的最终依据,例如后续笔记中会介绍到的
response.body.getReader()、pipeThrough()等方法的实现标准均源于此
6. 🔗 引用
汇总 Web Streams 章节中的相关参考资料: